<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Inspirasi Jakarta</title>
	
	<!-- Meta Config -->
	<meta name="keywords" content="tea and meal, free css templates, green color, white background, CSS, XHTML" />
	<meta name="description" content="Tea and Meal - Green Color, White Background, Free CSS Template provided by templatemo.com" />
	<link rel="icon" type="image/png" href="<?=base_url()?>assets/images/favicon.png">
	
	<!-- Basic CSS and Javascript Library -->
	<link href="<?=base_url()?>assets/css/style.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="<?=base_url()?>assets/js/jquery-1.8.2.min.js"></script>
	
	<!-- Slider Kit scripts -->
	<script type="text/javascript" src="<?=base_url()?>assets/js/sliderkit/js/external/jquery.mousewheel.min.js"></script>
	<script type="text/javascript" src="<?=base_url()?>assets/js/sliderkit/js/sliderkit/jquery.sliderkit.1.9.2.pack.js"></script>
	<link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/js/sliderkit/css/sliderkit-core.css" media="screen, projection" />
	<link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/js/sliderkit/css/sliderkit-demos.css" media="screen, projection" />
	
	<!-- jQuery superfish Menu -->
	<link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/css/superfish-custom.css" media="screen">
	<script type="text/javascript" src="<?=base_url()?>assets/js/hoverIntent.js"></script>
	<script type="text/javascript" src="<?=base_url()?>assets/js/superfish.js"></script>
	
	<!-- jQuery nailthumb -->
	<script type="text/javascript" src="<?=base_url()?>assets/js/nailthumb/jquery.nailthumb.1.1.js"></script>
    <!-- <link href="<?=base_url()?>assets/js/nailthumb/jquery.nailthumb.1.1.css" type="text/css" rel="stylesheet" /> -->
	
	<link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/js/lightbox/themes/classic/jquery.lightbox.css" />
	<script type="text/javascript" src="<?=base_url()?>assets/js/lightbox/jquery.lightbox.min.js"></script>
	<script>
		$('.lightbox').lightbox();
	</script>
</head>

<body>
	<div id="fb-root"></div>
	<script src="http://connect.facebook.net/en_US/all.js"></script>
	<script type="text/javascript">
		window.fbAsyncInit = function() {
			FB.init({
				appId      : '<?=fbAppsId()?>', // App ID
				status     : true, // check login status
				cookie     : true, // enable cookies to allow the server to access the session
				xfbml      : true  // parse XFBML
			});
		};
		
		(function(d){
			var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
			js = d.createElement('script'); js.id = id; js.async = true;
			js.src = "//connect.facebook.net/en_US/all.js";
			d.getElementsByTagName('head')[0].appendChild(js);
		}(document));
			
		(function(d, s, id) {
			var js, fjs = d.getElementsByTagName(s)[0];
			if (d.getElementById(id)) return;
			js = d.createElement(s); js.id = id;
			js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=<?=fbAppsId()?>";
			fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));
	</script>
	<div class="base-background"></div>
	<div id="container">
		<div id="navbar">
			<div id="logo"><img src="<?=base_url()?>assets/images/logo.png" class="logo-img"></div>
			<div id="nav">
				<nav>
					<ul class="sf-menu">
						<li class="home"> <a href="<?=base_url()?>"> &nbsp; <img src="<?=base_url()?>assets/images/home.png" class="home-pict"></a> </li>
						<li> <a href="#">Artikel</a><?=getcategory()?></li>
						<li> <a href="<?=base_url()?>about">Tentang Kami</a> </li>
						<!-- <li> <a href="<?=base_url()?>download">Downloads</a> </li> 
						<li> <a href="<?=base_url()?>contact">Contact Us</a> </li>	-->
					</ul>
				</nav>
			</div>
			<div id="search">
				<form method="post" action=""><input type="search" name="search" /></a>
			</div>
		</div>
		
		<div id="inner-wrapper">
			<div id="body">
				<div id="header"> <img src="<?=base_url()?>assets/images/header.jpg" class="header"> </div>
				<div id="head-liner">
					<!--<div class="social">
						<a rel="social-tip" href="<?=base_url()?>feeds.php" title="eXo Digital Agency's RSS"><img src="<?=base_url()?>assets/images/rss.png" alt="RSS eXo Digital Agency" /></a>
						<a rel="social-tip" href="http://www.facebook.com/eXoDigital" title="Visit eXo Digital Agency's Fan Page"><img src="<?=base_url()?>assets/images/facebook.png" alt="Facebook eXo Digital Agency" /></a>
						<a rel="social-tip" href="http://twitter.com/#!/eXoDigital" title="Visit eXo Digital Agency's Twitter"><img src="<?=base_url()?>assets/images/twitter.png" alt="Twitter eXo Digital Agency" /></a>
						<a rel="social-tip" href="http://www.youtube.com/user/eXoDigitalAgency" title="Visit eXo Digital Agency's Channel"><img src="<?=base_url()?>assets/images/youtube.png" alt="Youtube eXo Digital Agency" /></a>
					</div>-->
					<div class="dateprint"><b> <?=penanggalan_indonesia()?> </b></div>
				</div>
				
				<div id="block">
					<div id="left">
						<?php require_once 'pages/v'.$pages.'.php'; ?>
					</div>
					<div id="right">
						<div class="section-title"> <img src="<?=base_url()?>assets/images/statistics-icon.png" class="news-icon" style="margin-top: -2px;"/> <b>Widget</b> </div>
						<div class="section-content"> 
							<div class="inner-section">
								<div class="spacer"></div>
								<center>
									<a href="http://info.flagcounter.com/cxMc"><img src="http://s05.flagcounter.com/count/cxMc/bg_FFFFFF/txt_666666/border_FFFFFF/columns_2/maxflags_12/viewers_3/labels_1/pageviews_1/flags_0/" alt="Flag Counter" border="0"></a>
								<div class="spacer"></div>
									<a href="http://www.alexa.com/siteinfo/www.inspirasijakarta.com"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=www.inspirasijakarta.com'></script></a>
								<div class="spacer"></div>
								<a href="http://www.pagerankchecker.info/" target="_blank"><img src="http://www.pagerankchecker.info/pagerank-button.php?url=www.inspirasijakarta.com" title="PageRank Checker" border="0px" /></a>																
								<div class="spacer"></div>
								<!-- Histats.com  START (html only)-->
								<a href="http://www.histats.com" alt="page hit counter" target="_blank" >
								<embed src="http://s10.histats.com/430.swf"  flashvars="jver=1&acsid=2351931&domi=4"  quality="high"  width="112" height="75" name="430.swf"  align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" /></a>
								<img  src="http://sstatic1.histats.com/0.gif?2351931&101" alt="free website hit counter" border="0">
								<!-- Histats.com  END  -->								
								</center>
								<div class="spacer"></div>
							</div>
						</div>
						<div class="spacer"></div>
						<!--<div class="section-title"> <img src="<?=base_url()?>assets/images/coffee.png" class="news-icon"/> <b>Aspirasi</b> </div>
						<div class="section-content">
							<div class="inner-section">
								<hr /><p class="aspirasi"> 
									<span class="aspirasi-info"> 
										<img src="<?=base_url()?>assets/images/view.png" style="margin-bottom: -5px;" title="view" /> 5030 | 
										<img src="<?=base_url()?>assets/images/comment.png" style="margin-bottom: -5px;" title="komentar" /> 176 | 
										<img src="<?=base_url()?>assets/images/thumb_up.png" style="width: 15px; margin-bottom: -3px;" title="setuju" /> 176 |
										<img src="<?=base_url()?>assets/images/thumb_down.png" style="width: 15px; margin-bottom: -3px;" title="kurang setuju"> 176
									</span> <br />
									<img src="<?=base_url()?>assets/uploads/thumb.php?src=aspirasi.jpg&x=50&y=50" class="aspirasi-thumb" />
									<a href="<?=base_url()?>politic/read/gebrakan-jokowi-ahok-dalam-membangun-jakarta-lebih-baik" class="link-aspirasi"> Gebrakan Jokowi-Ahok Dalam membangun Jakarta Lebih Baik </a> <br />
								</p> <hr />
								<p class="aspirasi"> 
									<span class="aspirasi-info"> 
										<img src="<?=base_url()?>assets/images/view.png" style="margin-bottom: -5px;" title="view" /> 5030 | 
										<img src="<?=base_url()?>assets/images/comment.png" style="margin-bottom: -5px;" title="komentar" /> 176 | 
										<img src="<?=base_url()?>assets/images/thumb_up.png" style="width: 15px; margin-bottom: -3px;" title="setuju" /> 176 |
										<img src="<?=base_url()?>assets/images/thumb_down.png" style="width: 15px; margin-bottom: -3px;" title="kurang setuju"> 176
									</span> <br />
									<img src="<?=base_url()?>assets/uploads/thumb.php?src=aspirasi.jpg&x=50&y=50" class="aspirasi-thumb" />
									<a href="<?=base_url()?>politic/read/gebrakan-jokowi-ahok-dalam-membangun-jakarta-lebih-baik" class="link-aspirasi"> Gebrakan Jokowi-Ahok Dalam membangun Jakarta Lebih Baik </a> <br />
								</p> <hr />
								<p class="aspirasi"> 
									<span class="aspirasi-info"> 
										<img src="<?=base_url()?>assets/images/view.png" style="margin-bottom: -5px;" title="view" /> 5030 | 
										<img src="<?=base_url()?>assets/images/comment.png" style="margin-bottom: -5px;" title="komentar" /> 176 | 
										<img src="<?=base_url()?>assets/images/thumb_up.png" style="width: 15px; margin-bottom: -3px;" title="setuju" /> 176 |
										<img src="<?=base_url()?>assets/images/thumb_down.png" style="width: 15px; margin-bottom: -3px;" title="kurang setuju"> 176
									</span> <br />
									<img src="<?=base_url()?>assets/uploads/thumb.php?src=aspirasi.jpg&x=50&y=50" class="aspirasi-thumb" />
									<a href="<?=base_url()?>politic/read/gebrakan-jokowi-ahok-dalam-membangun-jakarta-lebih-baik" class="link-aspirasi"> Gebrakan Jokowi-Ahok Dalam membangun Jakarta Lebih Baik </a> <br />
								</p> <hr />
								<p class="aspirasi"> 
									<span class="aspirasi-info"> 
										<img src="<?=base_url()?>assets/images/view.png" style="margin-bottom: -5px;" title="view" /> 5030 | 
										<img src="<?=base_url()?>assets/images/comment.png" style="margin-bottom: -5px;" title="komentar" /> 176 | 
										<img src="<?=base_url()?>assets/images/thumb_up.png" style="width: 15px; margin-bottom: -3px;" title="setuju" /> 176 |
										<img src="<?=base_url()?>assets/images/thumb_down.png" style="width: 15px; margin-bottom: -3px;" title="kurang setuju"> 176
									</span> <br />
									<img src="<?=base_url()?>assets/uploads/thumb.php?src=aspirasi.jpg&x=50&y=50" class="aspirasi-thumb" />
									<a href="<?=base_url()?>politic/read/gebrakan-jokowi-ahok-dalam-membangun-jakarta-lebih-baik" class="link-aspirasi"> Gebrakan Jokowi-Ahok Dalam membangun Jakarta Lebih Baik </a> <br />
								</p> <hr />
								<a href="" class="more">More &raquo; </a>
								<br /><br />
							</div>
						</div>
						<div class="spacer"></div>-->
						<div class="section-title"> <img src="<?=base_url()?>assets/images/facebook-head.png" class="news-icon" style="margin-top: -2px;"/> <b>Facebook Fan Page</b> </div>
						<div class="section-content"> 
							<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FInspirasiJakarta&amp;width=250&amp;height=558&amp;show_faces=true&amp;colorscheme=light&amp;stream=true&amp;border_color=%23fff&amp;header=false&amp;appId=288457697941386" 
							scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:245px; height:558px;" 
							allowTransparency="true"></iframe>
						</div>
						<div class="spacer"></div>
						
						<div class="section-title"> <img src="<?=base_url()?>assets/images/Banner-design-icon.png" class="news-icon" style="margin-top: -2px;"/> <b>Sponsor</b> </div>
						<div class="section-content"> 
							<div class="spacer"></div>
							<center>
							<!-- Begin: http://adsensecamp.com/ -->
							<script src="http://adsensecamp.com/show/?id=Y9aCRDu4Mkk%3D&cid=iJQqL8nxrEY%3D&chan=ncwihBJEBhQ%3D&type=10&title=3D81EE&text=000000&background=FFFFFF&border=000000&url=2BA94F" type="text/javascript">
							</script>
							<!-- End: http://adsensecamp.com/ -->							
							</center>
							<div class="spacer"></div>							
						</div>
						<div class="spacer"></div>
						<div class="spacer"></div>
					</div> 
					
					<div id="bottom">
						
							<!-- Adsoke!! - ad code starts -->
							<!-- Adsoke!! - ad code  ends -->
						
					</div>
				
				</div>
				
				
			</div>
		</div>
		
		<div id="footer">
			<div class="top-footer"> 
				<div class="inner-top-footer">
					
					<div class="left-bottom">
						<header><b>Disclaimer</b></header> <hr />
						<p>InspirasiJakarta.com is providing freedom of speech. By using InspirasiJakarta.com , 
						you agree to the following conditions ; User expressly agrees 
						that use of InspirasiJakarta.com is at the user's sole risk and it is not the 
						risk of the owner or the webhost. User specifically acknowledges 
						InspirasiJakarta.com is not liable for the defamatory, offensive or illegal conduct 
						of other user or third-parties in cases including but not limited to 
						any interactive communication on or through the site and that the risk 
						from the foregoing, rests entirely with user(s).</p>
					</div>
					
					<div class="right-bottom">
						<!-- Begin: http://adsensecamp.com/ -->
						<script src="http://adsensecamp.com/show/?id=Y9aCRDu4Mkk%3D&cid=iJQqL8nxrEY%3D&chan=ncwihBJEBhQ%3D&type=2&title=3D81EE&text=000000&background=FFFFFF&border=000000&url=2BA94F" type="text/javascript">
						</script>
						<!-- End: http://adsensecamp.com/ -->					
					</div>
				</div>
			</div>
			<div class="bottom-footer"> 
				<footer>
					<img src="<?=base_url()?>assets/images/favicon.png" class="footer-icon">
					copyright &copy; 2013 by InspirasiJakarta.com. All Rights Reserved.
				</footer> 
			</div>
		</div>
	</div>
</body>

</html>

<script type="text/javascript">
		//jQuery slider kit launcher
		$(window).load(function(){ //$(window).load() must be used instead of $(document).ready() because of Webkit compatibility				
			// News slider > Vertical
			$(".newslider-vertical").sliderkit({
				shownavitems:5,
				verticalnav:true,
				circular:true,
				fatchange:false
			});
			
			// Photo gallery > Vertical
			$(".photosgallery-vertical").sliderkit({
				circular:true,
				mousewheel:true,
				shownavitems:4,
				verticalnav:true,
				navclipcenter:true,
				auto:true
			});
		});	
		
		//jQuery superfish menu launcher
		jQuery(function(){
			jQuery('ul.sf-menu').superfish();
		});
		
		//jQuery nailthumb launcher
		jQuery(document).ready(function() {
            jQuery('.nailthumb-container').nailthumb();
        });
		
		//twitter tweet button script
		!function(d,s,id){
			var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){
				js=d.createElement(s);js.id=id;
				js.src=p+'://platform.twitter.com/widgets.js';
				fjs.parentNode.insertBefore(js,fjs);
			}
		}(document, 'script', 'twitter-wjs');
		
		//jQuery Ticker Launcher
		function tick3() {
			$('#ticker li:first').animate({'opacity':0}, 1000, function () { $(this).appendTo($('#ticker')).css('opacity', 1); });
		} setInterval(function(){ tick3 () }, 4000);
		
		//g+ share scripts
		window.___gcfg = {lang: 'en'};

		(function() {
			var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
			po.src = 'https://apis.google.com/js/plusone.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
		})();
</script>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>